import React, { useState, useEffect } from 'react'
import { useNavigate } from 'react-router-dom';
import { Toast, NavBar } from 'react-vant';
import style from './index.module.css'
const Index:React.FC = () => {
    const navigate = useNavigate()
  return (
    <div>
          <NavBar
                title="24小时极速对症购药"
                onClickLeft={() => navigate(-1)}
            />
            <div className={style.banner}>
                <img src="../src/assets/107_03.jpg" alt="" style={{width:'100%',height:'100%'}}/>
            </div>
            
        <div className={style.cc}>
            <div className={style.cc1 }>
                <img src="../src/assets/107_07.jpg" alt="" style={{ width: '50px', height: '50px',marginTop:'20px' }} />
                <p>在家预约</p>
            </div>
            <div className={style.cc1}>
               <img src="../src/assets/107_09.jpg" alt="" style={{ width: '50px', height: '50px',marginTop:'20px' }} />
                <p>线上门诊</p>
            </div>
            <div className={style.cc1}>
                <img src="../src/assets/107_11.jpg" alt="" style={{ width: '50px', height: '50px',marginTop:'20px' }} />
                <p>特色专区</p>
            </div>
            <div className={style.cc1}>
                <img src="../src/assets/107_13.jpg" alt="" style={{ width: '50px', height: '50px',marginTop:'20px' }} />
                <p>特色专区</p>
            </div>
        </div>
            <button className={style.box}>快速咨询开放</button>
            <div className={style.box1}>
                <p>点击领取下方优惠券，支付药品订单时就可抵扣5元现金</p>
                <img src="../src/assets/107_20.jpg" alt="" style={{width: '100%', height: '100px',marginTop:'20px',borderRadius:'10px' }} />
            </div>

            <div className={style.kai}>
                <h2>开药热门科室</h2> <p style={{marginTop:'5px'}}><span style={{color:'#3773e3',fontSize:'16px'}}>242535人</span>正在问诊开药</p>
            </div>
            <div className={style.qq}>
                <img src="../src/assets/108_03.jpg" alt="" />
                <img src="../src/assets/108_05.jpg" alt="" />
                <img src="../src/assets/108_07.jpg" alt="" />
            </div>
    </div>
  ) 
}

export default Index
